<template>
  <div class="home">
      <video autoplay loop muted>
              <source src="../assets/njrpic/sushivideo.mp4" type="video/mp4"  />
        </video>
      <el-button plain @click="jumplogin">登录账号</el-button>
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'Home',
  components: {

  },
  methods:{
    jumplogin(){
      this.$router.push('/login')
    }
  }
}
</script>
<style lang="less" scoped>
 *{  
            margin: 0px;  
            padding: 0px;  
        }  
        video{  
            position: fixed;  
            right: 0px;  
            bottom: 0px;  
            min-width: 100%;  
            min-height: 100%;  
            height: 100%;
            width: 100%;  
            /*加滤镜*/
            /*filter: blur(15px); //背景模糊设置 */
            /*-webkit-filter: grayscale(100%);*/  
            /*filter:grayscale(100%); //背景灰度设置*/  
            z-index:-11;
            > source{  
            min-width: 100%;  
            min-height: 100%;  
            height: auto;  
            width: auto;  
        } 
        }  
       .el-button{
         width: 50%;
         border-radius: 50px;
         color: black;
         position: absolute;
         bottom: 10%;
         left: 50%;
         transform: translateX(-50%);
       }
</style>
